import { chartEncaps } from './chartEncaps.js'

let drawl1 = obj => {
  // obj = {
  //   _t: this,
  //   doms: 'mycharts
  // }
  chartEncaps.initCanvas({ _t: obj._t, doms: obj.doms })
  if (obj._t.chartsConData.autoFit) {
    chartEncaps.setDisplay({ doms: obj.doms, display: 'block' })
  } else {
    chartEncaps.setDisplay({ doms: obj.doms, display: 'table' })
  }
  obj._t.chart.data(chartEncaps.dealWithData({ _t: obj._t }))
  chartEncaps.setLegend({ _t: obj._t, data: 'name' })
  chartEncaps.handleTickCount({
    _t: obj._t,
    data: { field: 'year', value: 'value' }
  })
  obj._t.chart.tooltip({
    showCrosshairs: true,
    shared: true,
    showMarkers: false
  })
  obj._t.chart
    .line()
    .position('year*value')
    .color('name', obj._t.color)
    .shape('smooth')
  obj._t.chart
    .point()
    .position('year*value')
    .color('name', obj._t.color)
    .shape('dash')
    .style({
      fill: '#555', // 文本的颜色
      stroke: '#fff',
      fontSize: obj._t.chartsConData.textSize, // 文本大小
      lineWidth: 1
    })
  obj._t.chart.render()
  obj._t.setLoading(false)
  obj._t.setshadeDisplay(true)
}

export { drawl1 }
